@brand-default:         #222;
@brand-primary:         #080808;
@brand-success:         #00a65a;
@brand-info:            #5bc0de;
@brand-warning:         #f39c12;
@brand-danger:          #dd4b39;
body{
	background-color: #2c2c2c;
}
.page-block{
	background-color: #fff;
	padding:1.25rem;
	border:1px solid #ddd;
}
.m-l-5{
	margin-left: 5px;
}
.navbar-inverse .navbar-nav.nav-user>li>a{
	display: inline-block;
}
.navbar-inverse{
	.nav-search{
		position: relative;
		padding: 0; 
		margin-left: 15px;
		input{
			border-radius: 17px; 
		}
		a{
			display: block;
			position: absolute;
			height: 100%;
			line-height: 34px;
			right: 8px;
			top: 0;
			color: @brand-primary;
			text-decoration: none;
		}
	}
}
.dropdown{
	.icon-angle-down{
		display: inline-block;
		transition: all .5s;
		-moz-transition: all .5s; /* Firefox 4 */
		-webkit-transition: all .5s; /* Safari 和 Chrome */
		-o-transition: all .5s; /* Opera */ 
	}
	&:hover{ 
		.icon-angle-down{
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg)
		}
	} 
}
.dropdown{
	.dropdown-menu{
		background-color: @brand-primary;
		background-image: none;
		padding-left: 0;
		color: #fff;
		width: 100%;
		min-width: 100px; 
		a{
			padding: 0 20px;
			color: #fff;
			height: 40px;
			line-height: 40px;
			&:hover{
				background-color: #222;
				color: #fff;
			}
		}
	}
}
.form-group{
	label{
		height: 34px;
		line-height: 34px;
		text-align: right;
		margin-bottom: 0;
		font-weight: normal;
	}
	.form-control{ 
		border-radius: 0;
		border:1px solid #ccc;
		outline: none;
		box-shadow: none !important;
		&:focus{
			border-color:@brand-primary;
		}
		
	}
	select.form-control{
		width: auto;
	}
}

.user-box{
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.position{
	height: 40px;
	line-height: 40px;
}
.user-nav-left{ 
		background: #fff; 
		.create-dd { 
			height: 40px;
			line-height: 40px;
			border-bottom: 1px solid #ddd;
			position: relative; 
			font-size: 18px;
			color: #888;
			text-align: center;
		}  
		.coin-dd {
			height: 44px;
			line-height: 44px; 
			font-size: 14px;
			cursor: pointer;
			position: relative;
			margin-bottom: 0;
			a {
				text-decoration: none;
				color: #666;
				padding-left: 48px;
				display: block;
				height: 100%;
				&:hover {
					color: @brand-primary;
				}
				&.active{
					background: @brand-primary;
					color: #fff;
					border-left: 3px solid @brand-warning;
					&:after {
						content: " ";
						background: #fff;
						width: 4px;
						height: 4px;
						border-radius: 50%;
						position: absolute;
						top: 20px;
						left: 38px;
					}
				}
			}
		}
} 